toast.ts ➔ showToast - Code Metrics - Inspection of "Reorganize file architecture" - JesusValeraDev/bip39 - Measure and Improve Code Quality continuously with Scrutinizer

Passed

Push — master ( 5f67fe...8bce0b )

by Jesús

created 2025-10-18 14:33 UTC

toast.ts ➔ showToast A

↳ Parent: src/modules/display/infrastructure/toast.ts

Complexity

Conditions

Size

Total Lines	31
Code Lines	25

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
cc	3
eloc	25
dl	0
loc	31
rs	9.28
c	0
b	0
f	0

import { currentTranslations } from '../../language';

let toastTimeout: NodeJS.Timeout | null = null;
let clickCount = 0;
let clickResetTimeout: NodeJS.Timeout | null = null;

export function showDisabledBoxToast(): void {
  clickCount++;

  if (clickResetTimeout) {
    clearTimeout(clickResetTimeout);
  }
  clickResetTimeout = setTimeout(() => {
    clickCount = 0;
  }, 2000);

  // Show toast only after 2+ clicks
  if (clickCount >= 2) {
    showToast(currentTranslations.disabledBoxMessage);
    clickCount = 0;
  }
}

function showToast(message: string): void {
  const existingToast = document.getElementById('toast-notification');
  if (existingToast) {
    existingToast.remove();
  }

  if (toastTimeout) {
    clearTimeout(toastTimeout);
  }

  const toast = document.createElement('div');
  toast.id = 'toast-notification';
  toast.className = 'toast';
  toast.textContent = message;
  toast.setAttribute('role', 'alert');
  toast.setAttribute('aria-live', 'polite');

  document.body.appendChild(toast);

  // Use setTimeout instead of requestAnimationFrame for better testability
  setTimeout(() => {
    toast.classList.add('show');
  }, 0);

  toastTimeout = setTimeout(() => {
    toast.classList.remove('show');
    setTimeout(() => {
      toast.remove();
    }, 300); // Wait for fade out animation
  }, 3000);
}


1			import { currentTranslations } from '../../language';
2
3			let toastTimeout: NodeJS.Timeout \| null = null;
4			let clickCount = 0;
5			let clickResetTimeout: NodeJS.Timeout \| null = null;
6
7			export function showDisabledBoxToast(): void {
8			clickCount++;
9
10			if (clickResetTimeout) {
11			clearTimeout(clickResetTimeout);
12			}
13			clickResetTimeout = setTimeout(() => {
14			clickCount = 0;
15			}, 2000);
16
17			// Show toast only after 2+ clicks
18			if (clickCount >= 2) {
19			showToast(currentTranslations.disabledBoxMessage);
20			clickCount = 0;
21			}
22			}
23
24			function showToast(message: string): void {
25			const existingToast = document.getElementById('toast-notification');
26			if (existingToast) {
27			existingToast.remove();
28			}
29
30			if (toastTimeout) {
31			clearTimeout(toastTimeout);
32			}
33
34			const toast = document.createElement('div');
35			toast.id = 'toast-notification';
36			toast.className = 'toast';
37			toast.textContent = message;
38			toast.setAttribute('role', 'alert');
39			toast.setAttribute('aria-live', 'polite');
40
41			document.body.appendChild(toast);
42
43			// Use setTimeout instead of requestAnimationFrame for better testability
44			setTimeout(() => {
45			toast.classList.add('show');
46			}, 0);
47
48			toastTimeout = setTimeout(() => {
49			toast.classList.remove('show');
50			setTimeout(() => {
51			toast.remove();
52			}, 300); // Wait for fade out animation
53			}, 3000);
54			}
55

JesusValeraDev / bip39

Push — master ( 5f67fe...8bce0b )

toast.ts ➔ showToast A

Complexity

Size

Duplication

Importance

Duplication Side-by-Side

Filter issues like